<template>
    <view class="feedback_page flex-col">
        <view class="box_2 flex-col">
            <view class="text-wrapper_1">
                <text class="text_3">*</text>
                <text class="text_4">意见反馈</text>
            </view>
            <view class="group_5 flex-col">
                <view class="text-wrapper_2 flex-row">
                    <text class="text_5">请在此输入您的意见</text>
                </view>
                <view class="block_1 flex-row">
                    <view class="text-wrapper_3">
                        <text class="text_6">0/</text>
                        <text class="text_7">500</text>
                    </view>
                </view>
            </view>
            <view class="group_6 flex-row">
                <view class="image-text_1 flex-col justify-between">
                    <image class="label_1" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG20c1f137f32e73db45f991e93183fd4e.png" />
                    <text class="text-group_1">
                        图片上传
                        <br />
                        （0/6）
                    </text>
                </view>
            </view>
            <button class="button_1 fcc" @click="onClick_1">
                <text class="text_8">提交</text>
            </button>
        </view>
    </view>
</template>

<script setup>
import { } from 'vue'

const onClick_1 = () => {

}
</script>
<style scoped lang="scss">
.feedback_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    height: 100%;
    overflow: hidden;


    .box_2 {
        width: 750rpx;
        height: 100%;

        .text-wrapper_1 {
            width: 132rpx;
            height: 46rpx;
            overflow-wrap: break-word;
            font-size: 0;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 30rpx;
            margin: 30rpx 0 0 30rpx;

            .text_3 {
                width: 132rpx;
                height: 46rpx;
                overflow-wrap: break-word;
                color: rgba(241, 21, 21, 1);
                font-size: 30rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 30rpx;
            }

            .text_4 {
                width: 132rpx;
                height: 46rpx;
                overflow-wrap: break-word;
                color: rgba(51, 51, 51, 1);
                font-size: 30rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 30rpx;
            }
        }

        .group_5 {
            background-color: rgba(245, 245, 245, 1);
            border-radius: 2px;
            height: 330rpx;
            width: 690rpx;
            margin: 16rpx 0 0 30rpx;

            .text-wrapper_2 {
                width: 248rpx;
                height: 30rpx;
                margin: 30rpx 0 0 30rpx;

                .text_5 {
                    width: 248rpx;
                    height: 30rpx;
                    overflow-wrap: break-word;
                    color: rgba(153, 153, 153, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 30rpx;
                }
            }

            .block_1 {
                width: 68rpx;
                height: 34rpx;
                margin: 218rpx 0 18rpx 600rpx;

                .text-wrapper_3 {
                    width: 68rpx;
                    height: 34rpx;
                    overflow-wrap: break-word;
                    font-size: 0;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 34rpx;

                    .text_6 {
                        width: 68rpx;
                        height: 34rpx;
                        overflow-wrap: break-word;
                        color: rgba(153, 153, 153, 1);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 34rpx;
                    }

                    .text_7 {
                        width: 68rpx;
                        height: 34rpx;
                        overflow-wrap: break-word;
                        color: rgba(153, 153, 153, 1);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 34rpx;
                    }
                }
            }
        }

        .group_6 {
            background-color: rgba(245, 245, 245, 1);
            border-radius: 2px;
            width: 176rpx;
            height: 176rpx;
            margin: 30rpx 0 0 30rpx;

            .image-text_1 {
                height: 128rpx;
                margin: 28rpx 0 0 38rpx;

                .label_1 {
                    width: 48rpx;
                    height: 48rpx;
                    margin-left: 26rpx;
                }

                .text-group_1 {
                    height: 60rpx;
                    overflow-wrap: break-word;
                    color: rgba(193, 193, 193, 1);
                    font-size: 26rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: center;
                    line-height: 30rpx;
                    margin-top: 20rpx;
                }
            }
        }

        .button_1 {
            background-color: rgba(0, 0, 0, 1);
            height: 88rpx;
            width: 690rpx;
            position: fixed;
            bottom: 276rpx;
            left: 50%;
            transform: translateX(-50%);

            .text_8 {
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 32rpx;
                letter-spacing: 7px;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
            }
        }
    }

    .image_2 {
        width: 750rpx;
        height: 42rpx;
        margin-top: -2rpx;
    }
}
</style>